<template>
    <div>
        <h1>首页</h1>
            <mt-swipe :auto="4000" class="swipe" :showIndicators="false">
    <mt-swipe-item class="swipe-1">1</mt-swipe-item>
    <mt-swipe-item class="swipe-2">2</mt-swipe-item>
    <mt-swipe-item class="swipe-3">3</mt-swipe-item>
    </mt-swipe>
    <!-- 菜单列表 -->
      <ul class="mui-table-view mui-grid-view mui-grid-9">
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
		                    <span class="mui-icon mui-icon-home"></span>
		                    <div class="mui-media-body">超市</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
		                    <span class="mui-icon mui-icon-email"><span class="mui-badge">5</span></span>
		                    <div class="mui-media-body">海外购</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
		                    <span class="mui-icon mui-icon-chatbubble"></span>
		                    <div class="mui-media-body">服饰</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
		                    <span class="mui-icon mui-icon-location"></span>
		                    <div class="mui-media-body">旅行</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
		                    <span class="mui-icon mui-icon-search"></span>
		                    <div class="mui-media-body">生鲜</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
		                    <span class="mui-icon mui-icon-phone"></span>
		                    <div class="mui-media-body">9块9包邮</div></a></li>
		           
		        </ul> 
    </div>
</template>

<script>
export default {
    
}
</script>
<style lang='scss' scope>
.swipe{
    height: 300px;
}
.swipe-1{
    background-color: red;
}
.swipe-2{
    background-color: blue;
}
.swipe-3{
    background-color: green;
}

</style>
